<template>
  <div>
    <a-menu theme="dark" mode="inline">
      <router-link
        class="listitem"
        :to="item.url"
        v-for="(item, index) of titleList"
        :key="index"
      >
        <a-menu-item>
          <!-- <a-icon :type="item.type" /> -->
          <span class="nav-text">{{ item.value }}</span>
        </a-menu-item>
      </router-link>
    </a-menu>
  </div>
</template>
<script>
export default {
  name: "ListNav",
  data() {
    return {
      titleList: [
        // {
        //   value: "事故案件",
        //   url: "/accident",
        // },
        {
          value: "佛寺活动信息",
          url: "/activity",
        },
        {
          value: "阵地信息",
          url: "/business",
        },
        {
          value: "车辆信息",
          url: "/car",
        },
        {
          value: "线索核查信息",
          url: "/clue",
        },
        {
          value: "矛盾纠纷信息",
          url: "/contradiction",
        },
        {
          value: "涉枪涉爆事件",
          url: "/guninvolved",
        },
        // {
        //   value: "隐患管理",
        //   url: "/hidden",
        // },
        {
          value: "房屋信息",
          url: "/house",
        },
        // {
        //   value: "事件信息",
        //   url: "/information",
        // },
        {
          value: "涉案物品信息",
          url: "/involved",
        },
        // {
        //   value: "管理员",
        //   url: "/manager",
        // },
        // {
        //   value: "会员",
        //   url: "/member",
        // },
        // {
        //   value: "僧人信息",
        //   url: "/monk",
        // },
        {
          value: "出境回流人员",
          url: "/outbound",
        },
        // {
        //   value: "人员信息",
        //   url: "/person",
        // },
        // {
        //   value: "涉枪涉爆重点人员",
        //   url: "/personnel",
        // },
        {
          value: "方案信息",
          url: "/plan",
        },
        {
          value: "重点点位信息",
          url: "/points",
        },
        // {
        //   value: "应急救援队伍",
        //   url: "/rescue",
        // },
        // {
        //   value: "政保人员信息",
        //   url: "/secpersonnel",
        // },
        // {
        //   value: "治安重点人员",
        //   url: "/security",
        // },
        // {
        //   value: "刑嫌人员信息",
        //   url: "/suspects",
        // },
        {
          value: "寺庙信息",
          url: "/temple",
        },
      ],
    };
  },
  props: {
    keys: {
      typeof: String,
      default: "",
    },
  },
  mounted() {
    // console.log(this.titleList.length);
  },
  methods: {
    changeClick(index) {
      this.$emit("change", index);
    },
  },
};
</script>

<style scoped>
.listitem {
  display: inline-block;
  width: 100%;
  height: .260417rem;
  line-height: .260417rem;
  text-align: center;
}
</style>